<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  <title>怡天网-关于我们</title>
  <meta name="Keywords" content="怡天体检">
  <meta name="Description" content="怡天体检">
  <link rel="stylesheet" href="css/weui.css"/>
  <link rel="stylesheet" href="css/jquery-weui.css"/>
  <script language="JavaScript" src="js/reserveinst.js"></script>
</head>
<body>
  <div class="container" id="container">
    <div class="page">
      <div class="page__hd">
        <h1 class="page__title">在线预约服务</h1>
      </div>
      <div class="page__bd">
        <div class="weui-cells__title">选择要预约的机构</div>
        <div class="weui-cells">
          <div class="weui-cell weui-cell_select">
            <div class="weui-cell__bd">
              <select class="weui-select" onchange="fillInst(this.value,'institution','branch','address')">
                <option value="">请选择城市</option>
                <option value="北京">北京</option>
                <option value="南京">南京</option>
              </select>
            </div>
          </div>
          <div class="weui-cell weui-cell_select">
            <div class="weui-cell__bd">
              <select id="institution" name="institution" class="weui-select" onchange="fillBranch(this.value, 'branch','address')">
                <option value="">请选择机构</option>
              </select>
            </div>
          </div>
          <div class="weui-cell weui-cell_select">
            <div class="weui-cell__bd">
              <select id="branch" name="branch" class="weui-select" onchange="fillAddress(this, 'address')">
                <option value="">请选择分院</option>
              </select>
            </div>
          </div>
          <div class="weui-cells__title">手机号</div>
          <div class="weui-cells">
            <div class="weui-cell">
              <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="请输入手机号" pattern="1[0-9]{10}"/>
              </div>
            </div>
          </div>
          <div class="weui-cells__title">体检卡号</div>
          <div class="weui-cells">
            <div class="weui-cell">
              <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="请输入体检卡号" pattern="[0-9]*"/>
              </div>
            </div>
          </div>
          <div class="weui-cells__title">预约时间</div>
          <div class="weui-cells">
            <div class="weui-cell">
              <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="请选择预约日期" id="reserveDate"/>
              </div>
            </div>
          </div>
          <div class="weui-cell weui-cell_vcode">
            <div class="weui-cell__hd">
              <label class="weui-label">手机号</label>
            </div>
            <div class="weui-cell__bd">
              <input class="weui-input" type="tel" placeholder="请输入手机号">
            </div>
            <div class="weui-cell__ft">
              <a href="javascript:;" class="weui-vcode-btn">获取验证码</a>
            </div>
          </div>
          <div class="weui-cell weui-cell_select">
            <div class="weui-cell__bd" id="address">
            </div>
          </div>
          <div class="weui-cell weui-cell_select weui-cell_select-after">
            <div class="weui-cell__hd">
              <label for="" class="weui-label">国家/地区</label>
            </div>
            <div class="weui-cell__bd">
              <select class="weui-select" name="select2">
                <option value="1">中国</option>
                <option value="2">美国</option>
                <option value="3">英国</option>
              </select>
            </div>
          </div>
          <a href="javascript:;" class="weui-btn weui-btn_primary">页面主操作 Normal</a>
        </div>
        </div>
      </div>
    </div>
    <script src="js/jquery-2.1.4.js"></script>
    <script language="javascript" src="js/jquery-weui.js"></script>
    <script language="javascript">
      var nTime = new Date();
      nTime.setDate(nTime.getDate()+3);
      var minDate = nTime.getFullYear() + "-" + (nTime.getMonth()+1) + "-" + nTime.getDate();
      $("#reserveDate").calendar({
        value: [minDate],
        minDate: minDate
      });
    </script>
  </body>
</html>
